// 1. 利用双向绑定获取数据

// 2. 表单验证

// 3. 验证通过了, 调接口


Page({
  data: {
    idcardFrontUrl: '',
    idcardBackUrl: '',
    name: '',
    gender: 1,
    mobile: ''
  },
  onLoad ({
    point,
    building,
    room,
    id
  }) {
    // 通过有没有id来判断是新增还是编辑
    // 编辑
    if (id) {
      wx.setNavigationBarTitle({
        title: '编辑房屋信息'
      })
      // 编辑的情况下获取房屋信息
      this.getHouseDetail(id)
    } else {
      // 记录传递过来的数据
      this.setData({
        point,
        building,
        room
      })
    }

  },
  // 请求接口详情数据
  async getHouseDetail (id) {
    if (!id) return
    // 请求数据接口
    const { code, data: houseDetail } = await wx.http.get('/room/' + id)
    // 检测接口返回的结果
    if (code !== 10000) return wx.utils.toast()
    // 渲染数据
    this.setData({ ...houseDetail })
  },
  // 校验数据

  // 验证name
  verifyName () {
    // 2-5的汉字
    const reg = /^[\u4e00-\u9fa5]{2,5}$/
    const valid = reg.test(this.data.name.trim())
    // 验证结果
    if (!valid) wx.utils.toast('请填写2-5位的中文姓名')
    return valid
  },
  // 验证手机号
  verifyMobile () {
    const reg = /^[1][3-8][0-9]{9}$/
    const valid = reg.test(this.data.mobile)
    // 验证结果
    if (!valid) wx.utils.toast('请填写正确手机号码')
    return valid
  },
  // 校验图片
  verifyPicture () {
    // 判断图片地址是不是空
    const valid = !!this.data.idcardFrontUrl && !!this.data.idcardBackUrl
    // 验证结果
    if (!valid) wx.utils.toast('请上传身份证')
    return valid
  },
  async submitForm () {
    if (!this.verifyName()) return
    if (!this.verifyMobile()) return
    if (!this.verifyPicture()) return
    console.log('可以调接口了')
    // 删除接口不要的数据
    delete this.data.__webviewId__
    delete this.data.status
    const res = await wx.http.post('/room', this.data)
    if (res.code !== 10000) return wx.utils.toast('添加房屋失败')
    // 成功的话跳转到列表页
    wx.navigateBack({
      delta: this.data.id ? 2 : 4
    })
  },
  // 删除图片
  removePicture (ev) {
    // 移除图片的类型（身份证正面或反面）
    const type = ev.mark.type
    // 点正面 type = 'idcardFrontUrl'
    // 对象取值/赋值  data.idcardFrontUrl= ''  ===   data['idcardFrontUrl']=''
    this.setData({
      [type]: ''
    })
  },
  // 选择图片上传
  async uploadPicture (ev) {
    const type = ev.mark.type
    const media = await wx.chooseMedia({
      count: 1,
      mediaType: ['image'],
      sizeType: ['compressed'],
    })
    console.log('图片', media)

    // 调用接口上传图片
    wx.uploadFile({
      url: wx.http.baseURL + '/upload',
      filePath: media.tempFiles[0].tempFilePath,
      name: 'file',
      header: {
        Authorization: getApp().token
      },
      success: (res) => {
        console.log('上传成功了', res)
        const data = JSON.parse(res.data)
        // 检测接口是否成功
        if (data.code !== 10000) return wx.utils.toast('上传图片失败')
        // 如果成功了给图片地址赋值
        this.setData({
          [type]: data.data.url
        })
      }
    })

  }
})